<template>
  <div class="noway">
    <div class="yingmoo_nav">
      <div class="navlogo_text">
        <router-link tag="div" to="/"><img src="../assets/soso/first_img2.png" /></router-link>
          <p>户外广告交易平台</p>
      </div>
      <div class="yingmoo_nav_mean">
        <div class="yingmoo_nav_mean_div">
            <input v-model="params.key" type="text" id="yingmoo_page_ipt" class="yingmoo_page_ipt" />
            <div class="btn_soso" @click="search" ><p style="cursor: pointer;">搜索</p></div>
            <div class="btn_sousuo"><p style="cursor: pointer;">地图搜索</p></div>
        </div>
        <p class="hot_sousuo">热门搜索：
            <router-link tag="span" :class="{'router-link-exact-active': $route.name=='ymList'}" to="/ymList">国际媒体</router-link>
            <router-link tag="span" :class="{'router-link-exact-active': $route.name=='ymList'}" to="/ymList">LED</router-link>
            <router-link tag="span" :class="{'router-link-exact-active': $route.name=='ymList'}" to="/ymList">地铁媒体</router-link>
            <router-link tag="span" :class="{'router-link-exact-active': $route.name=='ymList'}" to="/ymList">电梯框架</router-link>
            <router-link tag="span" :class="{'router-link-exact-active': $route.name=='ymList'}" to="/ymList">公交车身</router-link>
            <router-link tag="span" :class="{'router-link-exact-active': $route.name=='ymList'}" to="/ymList">候车亭</router-link>
        </p>
      </div>
      <div class="btn_my">
          <router-link tag="div" to="/ymMemberorder" class="btn_my_shopmall"><img src="../assets/soso/first_img26.png" class="img" /><p>我的商城</p><img src="../assets/soso/s.png" class="img1" /></router-link>
          <router-link tag="div" to="/ymShoppingcart" class="btn_my_settle"><img src="../assets/soso/first_imgg.png" class="img" /><p style="cursor: pointer;">购物车结算</p><img src="../assets/soso/s.png" class="img1" /></router-link>
      </div>
  </div>
</div>
</template>

<script>
export default {
	data(){
		return{
			params:{
				key:'',
				categoryCode:'',
				mediaArea:''
			}
		}
	},
	methods:{
		search:function(){
			window.sessionStorage.setItem("params",JSON.stringify(this.params));
			window.location.href = "../#/ymList";
		}
	}
  
}
</script>

<style scoped lang="less">
.noway{
    width: 1200px;
    margin: 0 auto;
    text-align: center;
    padding: 42px 0;
    .font_logo{
        width: 606px;
        height: 90px;
    }
    .yingmoo_nav{
        display: flex;
        justify-content: space-between;
        .navlogo_text{
            width: 250px;
            p{
              font-size: 16px;
              color: #888888;
              letter-spacing: 15px;
              line-height: 25px;
              text-align: center;
              width: 270px;
            }
        }
        .yingmoo_nav_mean{
            margin-top: 20px;
            .yingmoo_nav_mean_div{
                width: 495px;
                height: 44px;
                border: none;
                display: flex;
                justify-content: space-between;
                .yingmoo_page_ipt{
                  width: 430px;
                  background-color: white;
                  opacity: 0.7;
                  font-size: 24px;
                  border: 1px solid #808080;
                }
                div{
                    border: none;
                    font-size: 14px;
                    p{
                        line-height: 44px;
                    }
                }
                .btn_soso{
                    width: 60px;
                    height: 44px;
                    color: white;
                    background-color: #f29600;
                    cursor: pointer;
                }
                .btn_sousuo{
                    width: 85px;
                    height: 44px;
                    color: white;
                    background-color: #3fa9f5;
                    margin-left: 9px;
                    cursor: pointer;
                }
            }
        }
        .hot_sousuo{
            font-size: 11px;
            text-align: left;
            margin-top: 10px;
            color: #888888;
            span{
                margin-left: 13px;
            }
            span:hover{
                color:  red;
                cursor:pointer;
            }
            .hot_sousuo1{
                margin-right: 2px;
            }
        }
    }
    .btn_my{
        width: 225px;
        height: 44px;
        margin-top: 20px;
        display: flex;
        justify-content: space-between;
        div{
            width: 109px;
            background-color: #f29600;
            display: flex;
            justify-content: space-around;
            align-items: center;
            p{
                font-size: 12px;
                color: white;
            }
        }
        .btn_my_shopmall{
            background-color: #3fa9f5;
        }
    }
}
</style>
